import { Modal, Alert } from 'antd'

function Main ({ visible, hide, data = [] }: { visible: boolean, data: string[], hide: () => void }) {
  return (
    <Modal title='详情' visible={visible} footer={false} onCancel={() => hide()}>
      <Alert message='视频庭审下载需要使用秘书华为云账号（DL+手机号）和密码，登陆华为云视频下载界面，选择【高清视频下载】， 并根据指引下载到本地计算机；' type='warning' showIcon />
      <div style={{ margin: '12px 0' }}>
        {
          data.map((li, i) => {
            return (
              <div>
                <span>{i+1}、</span>
                <a href={li} target='_blank'>视频{i + 1}</a>
              </div>
            )
          })
        }
      </div>
    </Modal>
  )
}

export default Main
